import React from 'react';
import { Settings } from '@folio/stripes/smart-components';
import { FormattedMessage } from 'react-intl';
import Demo from './components/Demo';

/*
  STRIPES-NEW-APP
  Your app's settings pages are defined here.
  The pages "general" and "some feature" are examples. Name them however you like.
*/

export default class FolioUiInventorySettings extends React.Component {
  constructor(props) {
    super(props);
    this.sections = [
      {
        label: <FormattedMessage id="ui-folio-settings.preferences" />,
        pages: [
          {
            route: 'informationSettings',
            label: (
              <FormattedMessage id="ui-folio-settings.informationSettings" />
            ),
            component: Demo,
          }
        ],
      }
    ];
  }

  render() {
    return (
      <Settings
        {...this.props}
        sections={this.sections}
        navPaneWidth="20%"
        paneTitle={<FormattedMessage id="ui-yunhan-check.meta.title" />}
      />
    );
  }
}
